<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>某某手机设计公司企业官网-模板之家</title> ﻿
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport"
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<link rel="stylesheet" href="css/style.css" />

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/xiaomi.css"/>
	<script src="img/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/xiaomi.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>

	<jsp:include page="head.jsp"></jsp:include>
	<jsp:include page="lunbo.jsp"></jsp:include>
	<%-- <jsp:include page="chart.jsp"></jsp:include> --%>
<section class="index-section">
   <div id="head_other_wrap">
         <div id="head_other">
             <ul>
                 <li>
                     <div id="div1">
                         <p><img class="img" src="img/82abdba456e8caaea5848a0cddce03db.png"</p>
                         <p>小米秒杀</p>
                     </div>
                 </li>
                 <li>
                     <div id="div2">
                         <p><img class="img" src="img/806f2dfb2d27978e33fe3815d3851fa3.png"></p>
                         <p>企业团购</p>
                     </div>
                 </li>
                 <li>
                     <div id="div3">
                         <p><img class="img" src="img/eded6fa3b897a058163e2485532c4f10.png"/></p>
                         <p>F码通道</p>
                     </div>
                 </li>
                 <li>
                     <div id="div4">
                         <p><img class="img" src="img/43a3195efa6a3cc7662efed8e7abe8bf.png"/></p>
                         <p>米粉卡</p>
                     </div>
                 </li>
                 <li>
                     <div id="div5">
                         <p><img class="img" src="img/f4846bca6010a0deb9f85464409862af.png"/></p>
                         <p>以旧换新</p>
                     </div>
                 </li>
                 <li>
                     <div id="div6">
                         <p><img class="img" src="img/9a76d7636b08e0988efb4fc384ae497b.png"/></p>
                         <p>话费充值</p>
                     </div>
                 </li>
             </ul>
         </div>
         
			<div class="container"style="margin-top: 15px; width: 1260px; ">
			<div class="row">
				
				<div class="col-md-3"  style="width: 335px;" >
					 <a href="ProductDetailsServlet?pid=3" class="thumbnail" style="height: 175px;">
					  
					      <img style=" height: 165px; width: 330px;" src="img/7c5524bbd8d8e2d8b4fec3774915d2fb.jpg" alt="...">
					    </a>
				</div>
				<div class="col-md-3"  style="width: 335px;" >
					<a href="ProductDetailsServlet?pid=1" class="thumbnail" style="height: 175px;">
					      <img style=" height: 165px; width: 330px;"  src="img/c62bd9659fc295fae15b54e381fbf181.jpg" alt="...">
					    </a>
				</div>
				<div class="col-md-3"  style="width: 335px;" >
					 <a href="ProductDetailsServlet?pid=10" class="thumbnail" style="height: 175px;">
					      <img style=" height: 165px; width: 330px;"  src="img/816a66edef10673b4768128b41804cae.jpg" alt="...">
					    </a>
				</div>
			</div>
		</div>
     </div>
		
		
		 <div id="head_hot_goods_wrap">
         <div id="head_hot_goods_title">
             <span class="title_span"> 小米闪购</span>
             <div id="head_hot_goods_change">
                 <span id="head_hot_goods_prave"><</span>
                 <span id="head_hot_goods_next">></span>
             </div>
         </div>
         <div id="head_hot_goods_content">
             <ul>
                 <li>
                     <a><img src="img/7a4cc78dcb3b77372c600aa28291ad3b.jpg"></a>
                     <a>小米电视2/2S 全系列</a>
                     <a>40/48/49/55英寸 现货购买</a>
                 </li>
                 <li>
                     <a><img src="img/pms_1583380246.67713502.jpg"></a>
                     <a>悦米YM人体工学椅</a>
                     <a> 自适应式底盘，舒适倾仰</a>
                 </li>
                 <li>
                     <a><img src="img/pms_1575536057.76034828.jpg"></a>
                     <a>小米移动电源3</a>
                     <a>50W MAX 疾速闪充 /10000mAh大容量</a>
                 </li>
                 <li>
                     <a><img src="img/pms_1588993922.55722797.jpg"></a>
                     <a>Amazfit 米动手表青春版 1S</a>
                     <a>30天超长续航 </a>
                 </li>
                 <li>
                     <a><img src="img/pms_1570689391.53131779.jpg"></a>
                     <a>小米游戏本15.6"</a>
                     <a>第八代酷睿处理器 ／ 72%NTSC高色域窄边框全高清屏</a>
                 </li>
             </ul>
         </div>
     </div>
	
	
	<div class="container">
		<table width="1140px">
			<tr style="width: 1100px;">
				<td style="font-family: 宋体;font-size: 30px;height: 50px;">
					手机
				</td>
				<td style="width: 110px;font-size: 20px;font-family: 楷体;">
					<a href="#"/ id="c">查看全部
					<span style="font-size: 25px;font-weight: bold;">
						>
					</span>
					</a>
				</td>
			</tr>
		</table>
	</div>
		<div class="container">
			<div style="height: 600px;width: 245px;border: 1px solid red;margin-left: -15px;">
				  <a href="ProductDetailsServlet?pid=9">
				<img src="img/批注 2019-11-19 171945.gif"/>
			</div>
			<div class="row" style="width: 925px;height: 300px; float: right;margin-top: -600px;">
				  <div class="col-xs-6 col-md-3">
				   <a href="ProductDetailsServlet?pid=3">
				      <img style="height: 290px;" src="img/批注 2019-11-19 140752.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				     <a href="ProductDetailsServlet?pid=1">
				      <img style="height: 290px;" src="img/批注 2019-11-20 121329.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				     <a href="ProductDetailsServlet?pid=4">
				      <img style="height: 290px;" src="img/批注 2019-11-19 140836.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				    <a href="ProductDetailsServlet?pid=2">
				      <img style="height: 290px;" src="img/批注 2019-11-19 140855.gif" alt="...">
				    </a>
				  </div>
				</div>
				<div class="row" style="width: 925px;height: 300px; float: right;margin-top: -290px;">
				  <div class="col-xs-6 col-md-3">
				      <a href="ProductDetailsServlet?pid=5">
				      <img style="height: 290px;" src="img/批注 2019-11-19 141029.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				     <a href="ProductDetailsServlet?pid=6">
				      <img style="height: 290px;" src="img/批注 2019-11-19 141052.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				    <a href="ProductDetailsServlet?pid=7">
				      <img style="height: 290px;" src="img/批注 2019-11-19 141110.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				      <a href="ProductDetailsServlet?pid=8">
				      <img style="height: 290px;" src="img/批注 2019-11-19 141127.gif" alt="...">
				    </a>
				  </div>
				</div>
			</div>
			</div>
			<div class="container" style="width: 1150px;">
				<img src="img/b6c7f2ccfb6b0e1a8a8aaa20ddba2322.jpg"/>
			</div>
			</div>
	
		<!-- <div class="container">
		<table width="1140px">
			<tr style="width: 1030px;">
				<td style="font-family: 宋体;font-size: 30px; height: 50px;">
					家电
				</td>
				<td style="width: 80px;font-size: 20px;font-family: 楷体;">
					<a href="#"/ id="c">
						热门
					</a>
				</td>
				<td style="width: 80px;font-size: 20px;font-family: 楷体;">
					<a href="#"/ id="c">
						电视影音
					</a>
				</td>
			</tr>
		</table>
	</div>
		<div class="container">
			<div class="row" style="margin-left: -30px;width: 1000px;">
				<div class="col-xs-6 col-md-3">
					 <a href="#" class="thumbnail">
					<img src="img/批注 2019-11-24 013744.gif" />
					</a>
			</div>
			</div>
			<div class="row" style="margin-left: -30px;width: 1000px;">
				<div class="col-xs-6 col-md-3">
				 <a href="#" class="thumbnail">	
				<img src="img/批注 2019-11-24 013948.gif" />
				</a>
			</div>
			</div>
			<div class="row" style="width: 925px;height: 300px; float: right;margin-top: -605px;">
				  <div class="col-xs-6 col-md-3">
				    <a href="#" class="thumbnail"style="height: 280px;">
				      <img style="height: 270px;" src="img/批注 2019-11-24 013807.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				    <a href="#" class="thumbnail"style="height: 280px;">
				      <img style="height: 270px;" src="img/批注 2019-11-24 013828.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				    <a href="#" class="thumbnail"style="height: 280px;">
				      <img style="height: 270px;" src="img/批注 2019-11-24 013904.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				    <a href="#" class="thumbnail"style="height: 280px;">
				      <img style="height: 270px;" src="img/批注 2019-11-24 013927.gif" alt="...">
				    </a>
				  </div>
				</div>
				
				<div class="row" style="width: 925px;height: 300px; float: right;margin-top: -300px;">
				  <div class="col-xs-6 col-md-3">
				    <a href="#" class="thumbnail"style="height: 280px;">
				      <img style="height: 270px;" src="img/批注 2019-11-24 014007.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				    <a href="#" class="thumbnail"style="height: 280px;">
				      <img style="height: 270px;" src="img/批注 2019-11-24 014024.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				    <a href="#" class="thumbnail"style="height: 280px;">
				      <img style="height: 270px;" src="img/批注 2019-11-24 014043.gif" alt="...">
				    </a>
				  </div>
				   <div class="col-xs-6 col-md-3">
				    <a href="#" class="thumbnail"style="height: 280px;">
				      <img style="height: 270px;" src="img/批注 2019-11-24 014100.gif" alt="...">
				    </a>
				  </div>
				</div>
		</div> -->

</section>
	<jsp:include page="foot.jsp"></jsp:include>
	﻿
</body>
</html>